@charset "utf-8";
/* CSS Document */

.banner{width: 100%;}
.banner img{width: 100%;}
.banner .swiper-pagination-bullet { width: 46px; height: 7px; display: inline-block; border-radius: 10px;}
.banner .swiper-pagination-bullet-active { background: #154d80;}
.banner .swiper-button-prev { background:url(../images/in-banj1.png) center center no-repeat;}
.banner .swiper-button-next{ background:url(../images/in-banj2.png) center center no-repeat;}


/*-------biaoti-----------*/
.in_jcfw_tit{padding: 40px 0 20px; display: block;position: relative; }
.in-jcfw_ywzk{font-size: 30px; color:#e4e7ea; display: block;height: 0; font-weight: bold;text-align: center; line-height: 60px; text-transform:uppercase;}

.in_jcdfwl_wzkd{width: 230px;margin: 0 auto;display: block;top: 0;position: relative;}
.in_jcdfwl_wzkd b{position: absolute; width: 30px; height: 2px; display: block; background: #154d80;}
.in_jcdfwl_wzkd b.in_jcfw_left{left: 0; top: 30px;}
.in_jcdfwl_wzkd b.in_jcfw_right{right: 0; top: 30px;}

.in_wzkhdf{font-size:30px; color: #000; display: block; line-height: 60px;text-align: center;}



/**************产品***************/
.pro_bg{ width:100%;overflow:hidden; padding:30px 0px 40px;background: #fff;}

.pro_box{ text-align:center;margin-top:40px;}

.pro_box .swiper-slide{ position:relative;}
.pro_box .simk { overflow:hidden;}
.pro_box .simk img{ width:100%;transition: all 0.4s linear;}

.pro_box .si_bg{ position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(0, 0, 0, 0.25);}
.pro_box p{line-height:50px;font-size: 19px;position: absolute;bottom: 10px;left: 10px;color: #fff;font-weight: bold;}

.pro_box .swiper-slide:hover .si_bg{background:rgba(3, 118, 196, 0.25);}
.pro_box .swiper-slide:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}


/*.pro_box .swiper-pagination-bullet { width: 16px; height: 16px; display: inline-block; border-radius: 2px;}
.pro_box .swiper-pagination-bullet-active { background: #c8181e;}
.pro_box  .swiper-button-next, .pro_box  .swiper-button-prev {top: 40%;}

*/


/********关于我们部分************/
.company{background: url("../images/xne.png") no-repeat top center;padding-top:40px;overflow: hidden; position:relative;}

.company .in-jcfw_ywzk{color:#616970;}
.company .in_wzkhdf{color: #fff;}

.company .ab_info{overflow: hidden; position:relative;font-size: 14px; line-height: 28px; color: #fff; margin-bottom:40px;}
.company .ab_info p{font-size: 14px; line-height: 28px; color: #fff;}
.company .ab_info a{display: block; width: 120px; line-height:40px; color: #fff; text-align: center; float: right; background: #e90013; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; margin-top: 40px;}
.company .ab_info a:hover{background: #154d80;}

.company ul{overflow: hidden; margin-top: 40px; position:relative;}
.company ul li{width: 400px; float: left; background: #fff; color: #154d80; text-align: center; height: 235px; border-bottom: 8px solid #154d80; padding-top: 45px;}
.company ul li a{display: block;}
.company ul li span{display: block; width: 100%; text-align: center; font-size: 20px; color: #154d80;}
.company ul li img{-moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.company ul li b{display: block; height: 75px; margin-bottom: 15px;}
.company ul li:nth-of-type(2){background: url("../images/c2_bg.png") no-repeat center; border-bottom: 8px solid #e90013;}
.company ul li:nth-of-type(2) span{color: #fff;}
.company ul li:hover img{transform: rotateY(180deg); -webkit-transform: rotatY(180deg);}
.company ul li:hover span{color: #e90013;}


@media screen and (max-width:1024px){
.company{background:#716f6f url("../images/xne.png") no-repeat top center;}
}



/**************优势*********************/
.index_adv {padding-bottom: 60px; background:#fff; overflow:hidden; width:100%;}
.t{font-weight: normal; margin-bottom: 15px;text-align: center;padding: 70px 0 45px;background: url(../images/t_bg.png) repeat-x center 90px;position: relative;}
.t span{font-size: 30px;color: #154d80;    line-height: 1.7;}
.t p{color: #888;font-size: 14px;}


.index_adv .ad_li {overflow: hidden;}
.index_adv .ad_li span{display: block;width: 48%;float: left;padding:0 2% 0 0;min-height: 280px;}
.index_adv .ad_li img{max-width: 100%;}
.index_adv .ad_li h4{display: block;width: 50%;float: left;font-size: 30px;color: #154d80;font-weight: normal;box-sizing: border-box;padding: 65px 0 0 35px;margin-top: 50px;}
.index_adv .ad_li.ad25 h4{background: url(../images/adv_01.png) no-repeat left top;}
.index_adv .ad_li.ad26 h4{background: url(../images/adv_02.png) no-repeat left top;}
.index_adv .ad_li.ad27 h4{background: url(../images/adv_03.png) no-repeat left top;}
.index_adv .ad_li.ad28 h4{background: url(../images/adv_04.png) no-repeat left top;}
.index_adv .ad_li .desc{display: block;width: 50%;float: left;border-left: 1px #f1f1f1 solid;box-sizing: border-box;padding: 50px 0 0 35px;margin-top: -40px;}
.index_adv .ad_li.ad26 span,.index_adv .ad_li.ad28 span{float: right;padding: 0 0 0 2%;}


@media screen and (max-width:767px){
.index_adv .ad_li span {
    display: block;
    width: 100%;
    float: left;
    padding: 0 0 0 0;
    min-height: auto;
}

.index_adv .ad_li h4{display: block;width:100%;float: left;font-size: 24px;color: #154d80;font-weight: normal;box-sizing: border-box;padding: 65px 0 0 35px;margin-top: 50px;}
.index_adv .ad_li .desc{display: block;width: 100%;float: left;border-left: 1px #f1f1f1 solid;box-sizing: border-box;padding: 50px 0 0 35px;margin-top: -40px;}

}


/***********合作伙伴***********/
.huo_bg{ width:100%;overflow:hidden; padding:60px 0px 90px;background:url(../images/in_abb_dbjk.jpg) top center no-repeat;}

/*首页合作*/
.ppcp { overflow:hidden; margin-top:40px; width:100%;}
.ppcp table td a {
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
}

.ppcp table td a img {
	display: block;
	width: 100%;
	float: left;
}

.ppcp table td a .pp1 {
	position: relative;
	width: 100%;
	z-index: 3;
	left: 0;
	top: 0;
	z-index: 3;
}


/**手滑logo 效果**/

.ppcp table td a .pp2 {
	filter: grayscale(50%);
	-webkit-filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-ms-filter: grayscale(50%);
	-o-filter: grayscale(50%);
}

.ppcp table td a:hover .pp2 {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	top: 0;
	left: 0;
	background-size: 100% auto;
	transform: rotate3d(0, 0, 1, -90deg);
	transform-origin: -100% -100% 0px;
	transition: transform 1s ease-in 0s;
}


/**手滑logo 效果 end**/

.ppcp table td a .pp2 {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	top: 0;
	left: 0;
	background-size: 100% auto;
	transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);
	-webkit-transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);
	/* Safari 和 Chrome */
	-moz-transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);
	/* Firefox */
	-o-transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);
	/* Firefox */
	-ms-transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);
	/* Firefox */
}

.ppcp table td a .pp2 {
	-webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ppcp table td a:hover .pp2 {
	transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);
	-webkit-transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);
	/* Safari 和 Chrome */
	-moz-transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);
	/* Firefox */
	-o-transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);
	/* Firefox */
	-ms-transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);
	/* Firefox */
}




@media screen and (max-width:767px){
.about-fixed .fl h3{font-size:26px; font-weight: bold;margin-bottom:20px; color:#fff;}

}

/*************新闻**************/
.news_bg{ width:100%;overflow:hidden; padding:30px 0px 60px;background: #fff;}
.news_bg .head-tit{ background:url(../images/news_tit_bg.jpg) top center no-repeat;}

.news_box{padding-bottom:60px; margin-top:40px;}

.news_box .swiper-slide{padding: 0px 0px; }
.news_box .swiper-slide  .icon{ width:100%; overflow:hidden;border:1px solid #ddd;}
.news_box .swiper-slide  .icon img{width:100%;transition: all .3s linear;}
.news_box .swiper-slide .box{position: relative; padding:25px 20px; background:#154d80;transition: all .3s linear;}
.news_box .swiper-slide:hover .box{background:#ffd105;}
.news_box .swiper-slide .box .title{font-size: 18px;color: #FFFFFF;line-height: 35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_box .swiper-slide .box .data{font-size: 13px;color: #FFFFFF;line-height: 30px;overflow: hidden;}
.news_box .swiper-slide .box .desc{font-size: 14px;color: #FFFFFF;line-height: 1.8;overflow: hidden; height:180px;}
.news_box .swiper-slide .box .more{transition: all .3s linear; position: absolute;right: 0px;bottom: 30px; width: 110px;height: 30px;line-height: 30px;font-size: 14px;color: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8);}
.news_box .swiper-slide:hover .box .more{width:165px;border-bottom: 1px solid #fff;color: #FFFFFF;}

.news_box .swiper-pagination-bullet { width: 26px; height:5px; display: inline-block; border-radius: 2px;}
.news_box .swiper-pagination-bullet-active { background: #c8181e;}



/*******合作部分**********/
.about-guang{ background:url(../images/bj4.png) center center no-repeat; width:100%; overflow:hidden; padding:6% 0px;}

.about-guang h3{font-size:26px; font-weight: bold;margin-bottom:20px; color:#fff;}
.about-guang .tel{ line-height:1.8;font-size:20px;color:#fff;}




/*------------联系我们--------------*/
.contact_bg{ width:100%; background:#1b1b1b;}


.cont_n{ padding:60px 0px 35px; overflow:hidden;}

.f_nav dl{ padding:10px; float: left; display:inline; width:150px;}
.f_nav dl dt{ color:#fff; font-size:16px;line-height:50px; background:url(../images/nav_line.jpg) left bottom 5px no-repeat;}
.f_nav dl dd{ line-height:25px;font-size:14px;}
.f_nav dl dt a,.f_nav dl dd a{color:#fff; }

.f_ewm{ float:left; margin-left:100px;}
.f_ewm dl{ padding:10px; float: left; display:inline; width:140px; text-align:center;}

.f_ewm dl img{ padding-top:15px; max-width:100%;}
.f_ewm dl dd{ color:#fff;line-height:25px;font-size:14px;}

.f_tel{ line-height:100px; display:block; clear:both; border:1px solid #cccccc; border-left:0px; border-right:0px; font-size:14px;}

.f_hotline{ max-width:300px;}
.f_hotline p{ color:#fff; font-size:16px; line-height:50px; }
.f_hotline .line{ background:#154d80;color:#fff; font-size:16px; display:inline-block; text-align:left; margin-bottom:10px;line-height:2; letter-spacing:2px; padding:0px 10px;}
.f_hotline .lx_n{ color:#fff; font-size:14px; line-height:2; }


.foot-links{ text-align:right; margin-top:15px;}
.foot-links a{ margin:0 5px; width:42px; height:42px; display:inline-block;position:relative; }
.foot-links a.icon_sj{ background:url(../images/icon_sj.png) center center no-repeat;}
.foot-links a.icon_wx{ background:url(../images/icon_wx.png) center center no-repeat;}
.foot-links a.icon_sj:hover{ background:url(../images/icon_sj1.png) center center no-repeat;}
.foot-links a.icon_wx:hover{ background:url(../images/icon_wx1.png) center center no-repeat;}

/*-----------底部-------------*/
.footer_n{border-top:1px solid #303030; padding:10px 0px; text-align:center;color:#fff;}

.footer_n p{ text-align:center; color:#fff;line-height:1.5; font-size:12px;}
.footer_n p a{ text-align:center; color:#fff;line-height:1.5; font-size:12px;}